<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>权限列表 </title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Bootstrap 3.3.7 -->
		<!--link导入外部的css，js样式，如果导入的资源和本页面在同一个文件夹下，直接文件名即可-->
		<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
		<!-- jQuery 3 -->
		<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
		<!-- Bootstrap 3.3.7 -->
		<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<!-- Font Awesome -->
		<link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
		<!-- Ionicons -->
		<link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
		<!-- DataTables -->
		<link rel="stylesheet" href="../../bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
		<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
		<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

		<!-- Google Font -->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
		<style type="text/css">
			.search {
				margin-top: 40px;
				margin-left: 40px;
				position: relative;
			}

			td {
				text-align: center;
			}

			th {
				text-align: center;
			}
		</style>

	</head>
	<body>


		<div class="wrapper">
			<!-- Content Wrapper. Contains page content -->
			<!-- Content Header (Page header) -->
			<!-- Main content -->
			<section class="content-header">
				<h4>
					<i class="fa fa-search"></i> 搜索员工人员
				</h4>

			</section>
			<div class="search">

				<div class="row">
					<div class="col-xs-4">
						<form class="form-inline">
							<div class="form-group">
								<label for="exampleInputName2">姓名：</label>
								<input type="text" class="form-control" id="exampleInputName2" placeholder="请输入姓名">
							</div>
							<button type="submit" class="btn btn-success"><i class="fa fa-search"></i> 搜索</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="wrapper">
			<!-- Content Wrapper. Contains page content -->
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h4>
					<i class="fa fa-navicon"></i> 员工人员列表
				</h4>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="row">
					<div class="col-xs-12">
						<div class="box">
							<!-- /.box-header 部门列表的显示  table  表格  th/td单元个   th字体加粗，行标题-->
							<div class="box-body">
								<table id="example1" class="table table-bordered table-striped">
									<tbody>
										<tr>
											<th>选择</th>
											<th>账号</th>
											<th>权限</th>
											<th>姓名</th>
											<th>部门</th>
											<th>权限操作</th>
										</tr>
										<tr>
											<td>
												<input type="checkbox" />
											</td>
											<td>admin</td>
											<td>
												<i>企业客户，拜访记录 </i>
											</td>
											<td>管理员</td>
											<td>admin</td>
											<td>
												<a class="btn btn-warning" data-toggle="modal" data-target="#myModal">
													<i class="fa fa-edit"></i> 修改
												</a>
												<!--  Modal -->
												<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="myModalLabel"><i class="fa fa-edit"></i> 修改权限</h4>
															</div>
															<div class="modal-body">
																<form style="text-align:left;">
																	<div class="form-group">
																		<label for="exampleInputEmail1">*姓名：</label>
																		<input type="text" class="form-control" id="exampleInputEmail1" value="admin" disabled>
																	</div>
																	<div class="form-group">
																		<label for="exampleInputPassword1">*权限：</label>
																		<label>
																			<input type="checkbox" value="" checked>
																			企业客户
																		</label>
																		<label>
																			<input type="checkbox" value="" checked>
																			拜访记录
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			合作成果
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			授课人信息
																		</label>
																	</div>
																	<div class="modal-footer">
																		<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
																		<button type="button" class="btn btn-primary">确认</button>
																	</div>
																</form>
															</div>

														</div>
													</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>
												<input type="checkbox" />
											</td>
											<td>admin</td>
											<td>
												<i>默认</i>
											</td>
											<td>管理员</td>
											<td>admin</td>
											<td>
												<a class="btn btn-warning" data-toggle="modal" data-target="#myModal">
													<i class="fa fa-edit"></i> 修改
												</a>
												<!--  Modal -->
												<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="myModalLabel"><i class="fa fa-edit"></i> 修改权限</h4>
															</div>
															<div class="modal-body">
																<form style="text-align:left;">
																	<div class="form-group">
																		<label for="exampleInputEmail1">*姓名：</label>
																		<input type="text" class="form-control" id="exampleInputEmail1" value="admin" disabled>
																	</div>
																	<div class="form-group">
																		<label for="exampleInputPassword1">*权限：</label>
																		<label>
																			<input type="checkbox" value="">
																			企业客户
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			拜访记录
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			合作成果
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			授课人信息
																		</label>
																	</div>
																	<div class="modal-footer">
																		<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
																		<button type="button" class="btn btn-primary">确认</button>
																	</div>
																</form>
															</div>

														</div>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td>
												<input type="checkbox" />
											</td>
											<td>admin</td>
											<td>
												<i>企业客户，合作成果</i>
											</td>
											<td>管理员</td>
											<td>admin</td>
											<td>
												<a class="btn btn-warning" data-toggle="modal" data-target="#myModal">
													<i class="fa fa-edit"></i> 修改
												</a>
												<!--  Modal -->
												<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
																<h4 class="modal-title" id="myModalLabel"><i class="fa fa-edit"></i> 修改权限</h4>
															</div>
															<div class="modal-body">
																<form style="text-align:left;">
																	<div class="form-group">
																		<label for="exampleInputEmail1">*姓名：</label>
																		<input type="text" class="form-control" id="exampleInputEmail1" value="admin"disabled>
																	</div>
																	<div class="form-group">
																		<label for="exampleInputPassword1">*权限：</label>
																		<label>
																			<input type="checkbox" value="">
																			企业客户
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			拜访记录
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			合作成果
																		</label>
																		<label>
																			<input type="checkbox" value="">
																			授课人信息
																		</label>
																	</div>
																	<div class="modal-footer">
																		<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
																		<button type="button" class="btn btn-primary">确认</button>
																	</div>
																</form>
															</div>

														</div>
													</div>
												</div>
											</td>
										</tr>

										<tr>
											<td>
												<label><input type="checkbox" name="" id="" value="" />&nbsp;&nbsp;全选</label>

											</td>
											<td colspan="13" style="text-align:left;padding-left:20px;">
												<button class="btn btn-danger" onclick="return confirm('确认要删除？')" type="submit">
													<i class="fa fa-trash"></i> 删除
												</button>
											</td>
										</tr>
										<tr>

										</tr>
									</tbody>
								</table>
								<!-- 分页 -->
								<nav aria-label="Page navigation">
									<ul class="pagination">
										<li><a href="#">首页</a></li>
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">&laquo;</span>
											</a>
										</li>
										<li><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li><a href="#">4</a></li>
										<li><a href="#">5</a></li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">&raquo;</span>
											</a>
										</li>
										<li><a href="#">末页</a></li>
									</ul>
								</nav>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</section>
			<!-- /.content -->
		</div>

		<!-- ./wrapper -->


		<!-- DataTables -->
		<script src="../../bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
		<script src="../../bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
		<!-- SlimScroll -->
		<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
		<!-- FastClick -->
		<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
		<!-- AdminLTE App -->
		<script src="../../dist/js/adminlte.min.js"></script>
		<!-- AdminLTE for demo purposes -->
		<script src="../../dist/js/demo.js"></script>
		<!-- page script -->

	</body>
</html>
